import React, { Component } from 'react'
import { Button, Picker, Icon } from 'antd-mobile'
import './Addaddress.scss'


class Addaddress extends Component {
	constructor(props) {
		super(props)
		this.state = {
		}
	}
	componentDidMount() {
    document.getElementsByTagName('title')[0].innerHTML = '地址管理';
  }
	render() {
		let height = window.screen.height
		const district = [
			{
				label: '北京',
				value: '北京',
			},
			{
				label: '天津',
				value: '天津',
			}
		]
		return (
			<div className='addaddress' style={{ minHeight: height + 'px' }}>
				<div className='addressinfobox'>

					<div className='addressinfoboxitem'>
						<div className='addressinfoboxitem_l'>姓名</div>
						<input className='addressinfoboxitem_r' type="text" />
					</div>

					<div className='addressinfoboxitem'>
						<div className='addressinfoboxitem_l'>联系电话</div>
						<input className='addressinfoboxitem_r' type="text" />
					</div>

					<div className='addressinfoboxitem'>
						<div className='addressinfoboxitem_l'>所在区域</div>
						<div id="block" className="flex y-center">
							<Picker data={district} cols={1} >
								<span className="forss flex y-center"><span>北京</span><Icon type="down" size="xs" color="#999" /></span>
							</Picker>
							<Picker data={district} cols={1} >
								<span className="forss flex y-center"><span>北京市</span><Icon type="down" size="xs" color="#999" /></span>
							</Picker>
							<Picker data={district} cols={1}>
								<span className="forss flex y-center"><span>昭阳区</span><Icon type="down" size="xs" color="#999" /></span>
							</Picker>
						</div>
					</div>

					<div className='addressinfoboxitem'>
						<div className='addressinfoboxitem_l'>详细信息</div>
						<input className='addressinfoboxitem_r' type="text" />
					</div>

				</div>
				<Button className='button'>保存</Button>
			</div>
		);
	}
}

export default Addaddress;
